<!--
    @ author:小恶魔
    @ datetime: 2020-7-26
 -->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>逆丰速运</title>
    <style type="text/css">
        html, body {width:100%;height:100%;} /*非常重要的样式让背景图片100%适应整个屏幕*/
        .bg {display: table;width: 100%;height: 100%;padding: 100px 0;text-align: center;color: #fff;background: url(http://www.xiandanke.cn/Image/intro-bg.jpg) no-repeat bottom center;background-color: #000;background-size: cover;}
        .my-navbar {padding:20px 0;transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;}
        .my-navbar a{background:transparent !important;color:#fff !important}
        .my-navbar a:hover {color:#45bcf9 !important;background:transparent;outline:0}
        .my-navbar a {transition: color 0.5s ease-in-out;}/*-webkit-transition ;-moz-transition*/
        .top-nav {padding:0;background:#000;}
        button.navbar-toggle {background-color:#fbfbfb;}/*整个背景都是transparent透明的，会看不到，所以再次覆盖一下*/
        button.navbar-toggle > span.icon-bar {background-color:#dedede}

        .mr{
            margin-right: 50px;
        }
    </style>
    <link href="/static/admin/lib/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
</head>
<body>


<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <img src="/static/admin/images/logo.png" width="50" height="50">
        <a class="navbar-brand mb-0 h1" href="#">逆丰速运</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item mr" th:classappend="${NAVIGATION eq '首页'} ? 'active' : '' ">
                    <a class="nav-link" href="/logistics/home">首页<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item mr" th:classappend="${NAVIGATION eq '我的订单'} ? 'active' : '' ">
                    <a class="nav-link" href="/logistics/myOrder">我的订单</a>
                </li>
                <li class="nav-item dropdown mr" th:classappend="${NAVIGATION eq '我的工单' || NAVIGATION eq '我的查询'} ? 'active' : '' ">
                    <a class="nav-link dropdown-toggle" href="#" id="ServiceDropdown" role="button"
                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        客服服务
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="/logistics/workOrder">我的工单</a>
                        <a class="dropdown-item" href="/logistics/myCheckOrder">我的查询</a>
                    </div>
                </li>
                <li class="nav-item dropdown mr" th:classappend="${NAVIGATION eq '我的财富信息'||NAVIGATION eq '积分商城'} ? 'active' : '' ">
                    <a class="nav-link dropdown-toggle" id="moneyDropdown" href="#" role="button" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">我的财富</a>
                    <div class="dropdown-menu" aria-labelledby="moneyDropdown">
                        <a class="dropdown-item" href="/logistics/myFortuneMess">我的财富信息</a>
                        <a class="dropdown-item" href="/logistics/integraMall">积分商城</a>
                    </div>
                </li>
                <li class="nav-item dropdown mr" th:classappend="${NAVIGATION eq '账户管理'} ? 'active' : '' ">
                    <a class="nav-link dropdown-toggle" id="infoDropdown" href="#" role="button" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">账户管理</a>
                    <div class="dropdown-menu" aria-labelledby="infoDropdown">
                        <a class="dropdown-item" href="/logistics/basicMess">基本信息</a>
                        <a class="dropdown-item" href="/logistics/myMessages">我的消息</a>
                        <a class="dropdown-item" href="/logistics/addressMessage">地址管理</a>
                        <a class="dropdown-item" href="/logistics/modifyPassword">密码修改</a>
                    </div>
                </li>
            </ul>
            <div class="my-2 my-lg-0">
                <span th:text="'hi,'+${session.CUSTOMER.name}"></span>
                <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="退出登录">
                    <i class="fa fa-sign-out"></i>
                </button>
            </div>
        </div>
    </div>
</nav>

<script src="/static/logistics/js/jquery-2.2.4.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script>

    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })

</script>
</body>

</html>
